﻿<!doctype html>
<html lang="en">
<head>
	<title>Menu - Overview</title>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<meta name="description" content="%description%" />
	<meta name="keywords" content="" />
	<meta name="author" content="ComponentOne" />
	<link href="../base-reset.css" rel="stylesheet" type="text/css" />
	<link href="../../themes/aristo/jquery-ui-1.8.4.custom.css" rel="stylesheet"
		type="text/css" />
	<link href="../demos-single.css" rel="stylesheet" type="text/css" />
	<link href="../../themes/wijmo/jquery.ui.wijsuperpanel.css" rel="stylesheet" type="text/css" />
	<link href="../../themes/wijmo/jquery.ui.wijmenu.css" rel="stylesheet" type="text/css" />
	<script src="../../external/jquery-1.4.3.min.js" type="text/javascript"></script>
	<script src="../../external/jquery-ui-1.8.6.custom.min.js" type="text/javascript"></script>
	<script src="../../external/jquery.mousewheel.min.js" type="text/javascript"></script>
	<script src="../../external/jquery.bgiframe-2.1.3-pre.js" type="text/javascript"></script>
	<script src="../../wijmo/jquery.ui.wijutil.js" type="text/javascript"></script>
	<script src="../../wijmo/jquery.ui.wijsuperpanel.js" type="text/javascript"></script>
	<script src="../../wijmo/jquery.ui.wijmenu.js" type="text/javascript"></script>
	<script id="scriptInit" type="text/javascript">
		$(document).ready(function () {
			$("#flyoutmenu").wijmenu();

			$("#ipodmenu").wijmenu({
				orientation: "vertical",
				mode: "sliding"
			});
		});
	</script>
	<style type="text/css">
	    .demo .ui-wijmenu
	    {
	        margin: 3px;
	    }
		.menuBtn
		{
			padding: 5px;
			margin: 4px;
		}
	</style>
</head>
<body class="demo-single">
	<div class="container">
		<div class="header">
			<h2>
				Overview</h2>
		</div>
		<div class="main demo">
			<!-- Begin demo markup -->
			<ul id="flyoutmenu">
				<li><a href="#">Breaking News</a>
					<ul>
						<li>
							<h3>
								header</h3>
						</li>
						<li><a href="#">Entertainment</a></li>
						<li><a href="http://www.w3schools.com/tags/html5.asp">Politics</a></li>
						<li><a href="#">A&amp;E</a></li>
						<li><a href="#">Sports</a>
							<ul>
								<li><a href="#">Baseball</a></li>
								<li><a href="#">Basketball</a></li>
								<li><a href="#">A really long label would wrap nicely as you can see</a></li>
								<li><a href="#">Swimming</a>
									<ul>
										<li><a href="#">High School</a></li>
										<li><a href="#">College</a></li>
										<li><a href="#">Professional</a>
											<ul>
												<li><a href="#">Mens Swimming</a>
													<ul>
														<li><a href="#">News</a></li>
														<li><a href="#">Events</a></li>
														<li><a href="#">Awards</a></li>
														<li><a href="#">Schedule</a></li>
														<li><a href="#">Team Members</a></li>
														<li><a href="#">Fan Site</a></li>
													</ul>
												</li>
												<li><a href="#">Womens Swimming</a>
													<ul>
														<li><a href="#">News</a></li>
														<li><a href="#">Events</a></li>
														<li><a href="#">Awards</a></li>
														<li><a href="#">Schedule</a></li>
														<li><a href="#">Team Members</a></li>
														<li><a href="#">Fan Site</a></li>
													</ul>
												</li>
											</ul>
										</li>
										<li><a href="#">Adult Recreational</a></li>
										<li><a href="#">Youth Recreational</a></li>
										<li><a href="#">Senior Recreational</a></li>
									</ul>
								</li>
								<li><a href="#">Tennis</a></li>
								<li><a href="#">Ice Skating</a></li>
								<li><a href="#">Javascript Programming</a></li>
								<li><a href="#">Running</a></li>
								<li><a href="#">Walking</a></li>
							</ul>
						</li>
						<li><a href="#">Local</a></li>
						<li><a href="#">Health</a></li>
					</ul>
				</li>
				<li><a href="#">Entertainment</a>
					<ul>
						<li><a href="#">Celebrity news</a></li>
						<li><a href="#">Gossip</a></li>
						<li><a href="#">Movies</a></li>
						<li><a href="#">Music</a>
							<ul>
								<li><a href="#">Alternative</a></li>
								<li><a href="#">Country</a></li>
								<li><a href="#">Dance</a></li>
								<li><a href="#">Electronica</a></li>
								<li><a href="#">Metal</a></li>
								<li><a href="#">Pop</a></li>
								<li><a href="#">Rock</a>
									<ul>
										<li><a href="#">Bands</a>
											<ul>
												<li><a href="#">Dokken</a></li>
											</ul>
										</li>
										<li><a href="#">Fan Clubs</a></li>
										<li><a href="#">Songs</a></li>
									</ul>
								</li>
							</ul>
						</li>
						<li><a href="#">Slide shows</a></li>
						<li><a href="#">Red carpet</a></li>
					</ul>
				</li>
				<li><a href="#">Finance</a>
					<ul>
						<li><a href="#">Personal</a>
							<ul>
								<li><a href="#">Loans</a></li>
								<li><a href="#">Savings</a></li>
								<li><a href="#">Mortgage</a></li>
								<li><a href="#">Debt</a></li>
							</ul>
						</li>
						<li><a href="#">Business</a></li>
					</ul>
				</li>
				<li><a href="#">Food &#38; Cooking</a>
					<ul>
						<li><a href="#">Breakfast</a></li>
						<li><a href="#">Lunch</a></li>
						<li><a href="#">Dinner</a></li>
						<li><a href="#">Dessert</a>
							<ul>
								<li><a href="#">Dump Cake</a></li>
								<li><a href="#">Doritos</a></li>
								<li><a href="#">Both please.</a></li>
							</ul>
						</li>
					</ul>
				</li>
				<li><a href="#">Lifestyle</a></li>
				<li><a href="#">News</a></li>
				<li><a href="#">Politics</a></li>
				<li><a href="#">Sports</a>
					<ul>
						<li><a href="#">Baseball</a></li>
						<li><a href="#">Basketball</a></li>
						<li><a href="#">Swimming</a>
							<ul>
								<li><a href="#">High School</a></li>
								<li><a href="#">College</a></li>
								<li><a href="#">Professional</a>
									<ul>
										<li><a href="#">Mens Swimming</a>
											<ul>
												<li><a href="#">News</a></li>
												<li><a href="#">Events</a></li>
												<li><a href="#">Awards</a></li>
												<li><a href="#">Schedule</a></li>
												<li><a href="#">Team Members</a></li>
												<li><a href="#">Fan Site</a></li>
											</ul>
										</li>
										<li><a href="#">Womens Swimming</a>
											<ul>
												<li><a href="#">News</a></li>
												<li><a href="#">Events</a></li>
												<li><a href="#">Awards</a></li>
												<li><a href="#">Schedule</a></li>
												<li><a href="#">Team Members</a></li>
												<li><a href="#">Fan Site</a></li>
											</ul>
										</li>
									</ul>
								</li>
								<li><a href="#">Adult Recreational</a></li>
								<li><a href="#">Youth Recreational</a></li>
								<li><a href="#">Senior Recreational</a></li>
							</ul>
						</li>
						<li><a href="#">Tennis</a></li>
						<li><a href="#">Ice Skating</a></li>
						<li><a href="#">Javascript Programming</a></li>
						<li><a href="#">Running</a></li>
						<li><a href="#">Walking</a></li>
					</ul>
				</li>
			</ul>
			<ul id="ipodmenu">
				<li>
					<h3>
						News Category</h3>
				</li>
				<li></li>
				<li><a href="#">Breaking News</a>
					<ul>
						<li><a href="#">Entertainment</a></li>
						<li><a href="http://www.w3schools.com/tags/html5.asp">Politics</a></li>
						<li><a href="#">A&amp;E</a></li>
						<li><a href="#">Sports</a>
							<ul>
								<li><a href="#">Baseball</a></li>
								<li><a href="#">Basketball</a></li>
								<li><a href="#">A really long label would wrap nicely as you can see</a></li>
								<li><a href="#">Swimming</a>
									<ul>
										<li><a href="#">High School</a></li>
										<li><a href="#">College</a></li>
										<li><a href="#">Professional</a>
											<ul>
												<li><a href="#">Mens Swimming</a>
													<ul>
														<li><a href="#">News</a></li>
														<li><a href="#">Events</a></li>
														<li><a href="#">Awards</a></li>
														<li><a href="#">Schedule</a></li>
														<li><a href="#">Team Members</a></li>
														<li><a href="#">Fan Site</a></li>
													</ul>
												</li>
												<li><a href="#">Womens Swimming</a>
													<ul>
														<li><a href="#">News</a></li>
														<li><a href="#">Events</a></li>
														<li><a href="#">Awards</a></li>
														<li><a href="#">Schedule</a></li>
														<li><a href="#">Team Members</a></li>
														<li><a href="#">Fan Site</a></li>
													</ul>
												</li>
											</ul>
										</li>
										<li><a href="#">Adult Recreational</a></li>
										<li><a href="#">Youth Recreational</a></li>
										<li><a href="#">Senior Recreational</a></li>
									</ul>
								</li>
								<li><a href="#">Tennis</a></li>
								<li><a href="#">Ice Skating</a></li>
								<li><a href="#">Javascript Programming</a></li>
								<li><a href="#">Running</a></li>
								<li><a href="#">Walking</a></li>
							</ul>
						</li>
						<li><a href="#">Local</a></li>
						<li><a href="#">Health</a></li>
					</ul>
				</li>
				<li><a href="#">Entertainment</a>
					<ul>
						<li><a href="#">Celebrity news</a></li>
						<li><a href="#">Gossip</a></li>
						<li><a href="#">Movies</a></li>
						<li><a href="#">Music</a>
							<ul>
								<li><a href="#">Alternative</a></li>
								<li><a href="#">Country</a></li>
								<li><a href="#">Dance</a></li>
								<li><a href="#">Electronica</a></li>
								<li><a href="#">Metal</a></li>
								<li><a href="#">Pop</a></li>
								<li><a href="#">Rock</a>
									<ul>
										<li><a href="#">Bands</a>
											<ul>
												<li><a href="#">Dokken</a></li>
											</ul>
										</li>
										<li><a href="#">Fan Clubs</a></li>
										<li><a href="#">Songs</a></li>
									</ul>
								</li>
							</ul>
						</li>
						<li><a href="#">Slide shows</a></li>
						<li><a href="#">Red carpet</a></li>
					</ul>
				</li>
				<li><a href="#">Finance</a>
					<ul>
						<li><a href="#">Personal</a>
							<ul>
								<li><a href="#">Loans</a></li>
								<li><a href="#">Savings</a></li>
								<li><a href="#">Mortgage</a></li>
								<li><a href="#">Debt</a></li>
							</ul>
						</li>
						<li><a href="#">Business</a></li>
					</ul>
				</li>
				<li><a href="#">Food &#38; Cooking</a>
					<ul>
						<li><a href="#">Breakfast</a></li>
						<li><a href="#">Lunch</a></li>
						<li><a href="#">Dinner</a></li>
						<li><a href="#">Dessert</a>
							<ul>
								<li><a href="#">Dump Cake</a></li>
								<li><a href="#">Doritos</a></li>
								<li><a href="#">Both please.</a></li>
							</ul>
						</li>
					</ul>
				</li>
				<li><a href="#">Lifestyle</a></li>
				<li><a href="#">News</a></li>
				<li><a href="#">Politics</a></li>
				<li><a href="#">Sports</a>
					<ul>
						<li><a href="#">Baseball</a></li>
						<li><a href="#">Basketball</a></li>
						<li><a href="#">Swimming</a>
							<ul>
								<li><a href="#">High School</a></li>
								<li><a href="#">College</a></li>
								<li><a href="#">Professional</a>
									<ul>
										<li><a href="#">Mens Swimming</a>
											<ul>
												<li><a href="#">News</a></li>
												<li><a href="#">Events</a></li>
												<li><a href="#">Awards</a></li>
												<li><a href="#">Schedule</a></li>
												<li><a href="#">Team Members</a></li>
												<li><a href="#">Fan Site</a></li>
											</ul>
										</li>
										<li><a href="#">Womens Swimming</a>
											<ul>
												<li><a href="#">News</a></li>
												<li><a href="#">Events</a></li>
												<li><a href="#">Awards</a></li>
												<li><a href="#">Schedule</a></li>
												<li><a href="#">Team Members</a></li>
												<li><a href="#">Fan Site</a></li>
											</ul>
										</li>
									</ul>
								</li>
								<li><a href="#">Adult Recreational</a></li>
								<li><a href="#">Youth Recreational</a></li>
								<li><a href="#">Senior Recreational</a></li>
							</ul>
						</li>
						<li><a href="#">Tennis</a></li>
						<li><a href="#">Ice Skating</a></li>
						<li><a href="#">Javascript Programming</a></li>
						<li><a href="#">Running</a></li>
						<li><a href="#">Walking</a></li>
					</ul>
				</li>
			</ul>

			<!-- End demo markup -->
			<div class="demo-options">
				<!-- Begin options markup -->
				<!-- End options markup -->
			</div>
		</div>
		<div class="footer demo-description">

		</div>
	</div>
</body>
</html>
